// 滚动条不占控件
html {
  font-size: calc(100vw / 7.5) !important;
  scroll-behavior:smooth;
}
body {
  width: 100vw;
  overflow-x: hidden;
  scroll-behavior:smooth;
}
// 去除body滚动条
body::-webkit-scrollbar {
  display: none;
}

#app {
  font-family: PingFang SC,"Microsoft YaHei",STHeitiSC-Light,Helvetica-Light,arial,sans-serif;
  font-size: 14px;
  background: #F2F2F2;
  line-height: normal;
}

//覆盖nprogress
#nprogress .bar {
  background: #ff5f5f !important; //自定义颜色
}
/* Fancy blur effect */
#nprogress .peg {
  box-shadow: 0 0 10px #ff5f5f, 0 0 5px #ff5f5f;
}

#nprogress .spinner-icon {
  border-top-color: #ff5f5f;
  border-left-color: #ff5f5f;
  border-radius: 50%;

}
// 覆盖safari input颜色过浅
input[type="text"]:disabled {
  color: #ccc;
  opacity: 1;
  -webkit-text-fill-color: #ccc;
}
/*使得所有svg都能自设颜色*/
//svg path{
//  fill: inherit;
//}
img {
  display: block;
}

p {
  margin:0;
  padding: 0;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

//补充animation动画
.bounceInTopRight {
  animation-name: bounceInTopRight;
}
.bounceOutTopRight {
  animation-name: bounceOutTopRight;
}
@keyframes bounceInTopRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(3000px, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 25px, 0);
  }

  75% {
    transform: translate3d(10px, -10px, 0);
  }

  90% {
    transform: translate3d(-5px, 5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceOutTopRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, -2000px, 0);
  }
}
